<extend name="Base/common"/>
<block name="body">

<div class="index-nav">
	<img id="show" class="index-navclick" src="__IMG__/icon12.png" />
	<div class="index-navportrait"><img src="__IMG__/saber.png" /></div>
	<div class="index-money">
		余额<span>16666.00</span>元
	</div>
</div>
<div class="index-nav" style="border-bottom: none;">
	<a href="#" class="indexkao" style="border-right:1px solid #a4a3a3 ;"><img src="__IMG__/icon19.png"/><span style="color: #ffaf03;">6</span>张</a>
	<a href="#" class="indexkao"><img src="__IMG__/icon20.png"/><span style="color: #000;">充值</span></a>
</div>


<div class="index-conter1">交易品种</div>
<ul class="index-conter2">
	<li>
		<div class="index-zhang" data-mony='2000'>买涨</div>
		<div class="index-liconter clos">
			<div class="index-span2 index-span2s">亚太之王标准合约&nbsp;&nbsp;<span>19057</span></div>
			<div class="index-span2 index-span2a">200.0元/手&nbsp;&nbsp;波动盈亏:1.0元</div>
		</div>
		<div class="index-die" data-mony='200'>买跌</div>
	</li>
	<li>
		<div class="index-zhang" data-mony='2000'>买涨</div>
		<div class="index-liconter">
			<div class="index-span2 index-span2s">亚太之王标准合约&nbsp;&nbsp;<span>19057</span></div>
			<div class="index-span2 index-span2a">200.0元/手&nbsp;&nbsp;波动盈亏:1.0元</div>
		</div>
		<div class="index-die" data-mony='200'>买跌</div>
	</li>
	<li>
		<div class="index-zhang" data-mony='2000'>买涨</div>
		<div class="index-liconter">
			<div class="index-span2 index-span2s">亚太之王标准合约&nbsp;&nbsp;<span>19057</span></div>
			<div class="index-span2 index-span2a">200.0元/手&nbsp;&nbsp;波动盈亏:1.0元</div>
		</div>
		<div class="index-die" data-mony='200'>买跌</div>
	</li>
</ul>



<div class="index-conter1">行情走势</div>
<!-- <div class="index-zhexian"><img src="__IMG__/linshi.png" /></div> -->
<div class="echarts_con">

	<div class="echarts_mcon">
		<!-- 分时线 -->
		<div class="echartsBox" >
		    <div id="every_min" class="echarts" ></div>   
		    <ul class="clearfix echarts_msg">
		       <li>最高:2300.0</li>
		       <li>昨收:2300.0</li><br>
		       <li>最低:1290.0</li>
		       <li>今开:2390.0</li>
		    </ul>
   		</div>
   		
		<!-- 5分钟 -->
		<div class="echartsBox echartsBox2"  >
		    <div id="five_min" class="echarts" ></div>   
		    <ul class="clearfix echarts_msg">
		       <li>最高:2300.0</li>
		       <li>昨收:2300.0</li><br>
		       <li>最低:1290.0</li>
		       <li>今开:2390.0</li>
		    </ul>
   		</div>

   		<!-- 30分钟 -->
		<div class="echartsBox echartsBox2" >
		    <div id="three_min" class="echarts" ></div>   
		    <ul class="clearfix echarts_msg">
		       <li>最高:2300.0</li>
		       <li>昨收:2300.0</li><br>
		       <li>最低:1290.0</li>
		       <li>今开:2390.0</li>
		    </ul>
   		</div>

		<!-- 60分钟 -->
		<div class="echartsBox echartsBox2" >
		    <div id="six_min" class="echarts" ></div>   
		    <ul class="clearfix echarts_msg">
		       <li>最高:2300.0</li>
		       <li>昨收:2300.0</li><br>
		       <li>最低:1290.0</li>
		       <li>今开:2390.0</li>
		    </ul>
   		</div>

		<!-- 日线 -->
		<div class="echartsBox echartsBox2" >
		    <div id="day_min" class="echarts" ></div>   
		    <ul class="clearfix echarts_msg">
		       <li>最高:2300.0</li>
		       <li>昨收:2300.0</li><br>
		       <li>最低:1290.0</li>
		       <li>今开:2390.0</li>
		    </ul>
   		</div>


	</div>
	<ul class="echarts_ul clearfix">
		<li class="red_bor_btm">分时线</li>
		<li class="five">5分钟</li>
		<li class="three">30分钟</li>
		<li class="six">60分钟</li>
		<li class="day">日线</li>
	</ul>
</div>
<div class="index-conter1" style="background: #FFF;">最新资讯</div>
<ul class="index-xinxi">
	<li>最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新</li>
	<li>最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新</li>
	<li>最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新最新</li>
</ul>

<!--弹出-->
<div class="dailog_mask"></div>
<div class="index-mask clearfix">
<div class="index-masktop">确认开仓</div>
	<div class="index-maskbox">
		<div class="index-maskhand">
			<span class="act">1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
			<span>5</span>
			<span>6</span>
			<span>7</span>
			<span>8</span>
			<span>9</span>
			<span>10</span>
		</div>
		<div class="index-maskdiyong">
			<p>
				<input type="checkbox" name="" id="index-click" value="" class="index-click"/>
				<span class="index-maskmo">使用</span>
				<img src="__IMG__/icon16.png" class="index-maskdiicon"/>
				<span class="index-maskmo">10.00</span>
				<span class="index-maskmo">元</span>
				<span class="index-maskjia">
					<span class="jias">-</span>
					<span class="index-zhong">0</span>
					<span class="jias">+</span>
				</span>
			</p>
			<p>
				<span id="index-djian" data-mony='200'>200元</span><!--<span id="index-hand">1</span>手续费<span id='index-yongj'>20</span>-->
			</p>
		</div>
		<p class="index-maskps">起止:<span>2月16日9:00~2月17日15:00</span></p>
		<p class="index-maskps">方向:<span id="zhangdie" class="">买涨</span></p>
		<p class="index-maskps">亚太之王标准合约</p>
		<a href="#" class="index-maskqueren">立即支付</a>
	</div>
</div>



<div class="bottom-position">
	<div class="bottom-li">
		<p class="bottom-p1">商品之王迷你合约29.65</p>
		<p class="bottom-p2"><span>10.66</span>元&nbsp;&nbsp;权益<span>100</span>元&nbsp;&nbsp;<span>16</span>手买涨</p>
		<a class="bottom-a" href="#">平仓</a>
	</div>
	<div class="bottom-li">
		<p class="bottom-p1">商品之王迷你合约29.65</p>
		<p class="bottom-p2"><span>10.66</span>元&nbsp;&nbsp;权益<span>100</span>元&nbsp;&nbsp;<span>16</span>手买涨</p>
		<a class="bottom-a" href="#">平仓</a>
	</div>
</div>

<script type="text/javascript">
// 图表切换
$(document).ready(function(){
	$('.echartsBox2').hide();
})
$(".echarts_ul li").click(function(){	
	var index = $(this).index();
    $(this).addClass('red_bor_btm').siblings('li').removeClass('red_bor_btm');
    $('.echarts_mcon .echartsBox:eq('+ index +')').show().siblings().hide();

})
//单选框选中
$('#index-click').click(function(){
	var clas=$(this).attr('class');
	if(clas=='index-click'){
		$(this).removeClass('index-click').addClass('index-clickde').attr('checked','checked');
	}else{
		$(this).removeClass('index-clickde').addClass('index-click').removeAttr('checked');
	}
})
//点击加减
var youhui=5;
$('.jias').click(function(){
	var val=$(this).html();
	var ck=$('#index-click').attr('checked');
	if(val=='-'&&ck=='checked'){
		var vals=$('.index-zhong').html();
		if(vals=='0'){
			return ;
		}else{
			$('.index-zhong').html(vals-1);
		}
	}else if(val=='+'&&ck=='checked'){
		var vals=$('.index-zhong').html();
		if(vals==youhui){
			return ;
		}else{
			$('.index-zhong').html(parseInt(vals)+1);
		}
	}
})
//选择手数
$('.index-maskhand').find('span').each(function(){
	$(this).click(function(){
		var hand=$(this).html();
		$('.index-maskhand').find('span').removeClass('act');
		$(this).addClass('act');
		var djian=$('#index-djian').attr('data-mony');
		$('#index-djian').html((hand*djian+'元'));
//		$('#index-hand').html(hand);
//		$('#index-yongj').html((djian*0.1)*hand);
	})
})
//涨跌点击
$('.index-zhang').click(function(){
	$('.dailog_mask').toggle();
	$('.index-mask').toggle();
	$('#zhangdie').html('买涨').addClass('red').removeClass('gen');
	$('#index-djian').attr('data-mony',$(this).attr('data-mony')).html($(this).attr('data-mony')+'元');
})
$('.index-die').click(function(){
	$('.dailog_mask').toggle();
	$('.index-mask').toggle();
	$('#zhangdie').html('买跌').addClass('gen').removeClass('red');
	$('#index-djian').attr('data-mony',$(this).attr('data-mony')).html($(this).attr('data-mony')+'元');
})
$('body').delegate('.dailog_mask','click',function(){
	$('.dailog_mask').toggle();
	$('.index-mask').toggle();
})

/*分时线*/ 
	require.config({
	    paths:{ 
	        echarts:'__JS__/echarts',
	        'echarts/chart/line' : '__JS__/echarts-map',
	        'echarts/chart/line': '__JS__/echarts-map'
	        
	    }
	});   
       
    require(
            [
                'echarts',
                'echarts/chart/line' ,// 使用柱状图就加载bar模块，按需加载
                'echarts/chart/line' // 使用折线图就加载line模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('every_min')); 
               option = {
                   // title : {
                   //     text: '某楼盘销售情况',
                   //     subtext: '纯属虚构'
                   // },
                   tooltip : {
                       trigger: 'axis',
                       backgroundColor:'rgba(255,255,255,0.7)',
                       borderColor:'#99CAF2',
                       borderRadius:4,
                       borderWidth:1,

                       //提示框字体
                       textStyle:{
                        color:'#333'
                       }
                   },
                   grid:{
                        x:50,
                        x2:20,
                        y:50,
                        y2:30
                     },
                    color: ['#9CCEFF'],                       
                   
                   calculable : true,
                   xAxis : [
                       {
                         type : 'category',
                         boundaryGap :false,
                         // 纵向网格
                          splitLine:{ 
                                show:false 
                         },
                       data : [
                          "12:00", "12:01", "12:02", "12:02", "12:04",
                          "12:05", "12:06", "12:07", "12:08", "12:09"
                      ],
                      axisLabel:{
                            //X轴刻度配置
                            interval:1 //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
                       },
                       axisLine : {                                
                           lineStyle : {
                           // color : '#CCC',
                           width:0                                
                           }
                       }
                    }
                   ],
                   yAxis : [
                       {
                           type : 'value',
                           axisLine : {                                
                                lineStyle : {
                                // color : '#CCC',
                                width:0                                
                                }
                            },
                            min:1500, 
                           max:2500,
                           splitNumber:5,
                            scale:true,
                       }
                   ],
                   series : [
                       {
                           name:'亞太之王',
                           //折线中不要标记点
                           symbol: "none",
                           type:'line',
                           //不要平滑曲線
                           smooth:false,
                           itemStyle: {normal: {areaStyle: {type: 'default'}}},
                           data:[1900, 2000, 1932, 1923, 1842, 1723, 1952,1832,2019,1921,2300,2291.3,2288.26,2308.38,2295.35,2346.5,2295.35,2346.92,2322.94,2314.16,2308.76,2330.88,2297.77,2313.22,2292.03,2324.63,952,1832,2019,1921,2300,2291.3,]
                       }
                       
                   ]
               };
                        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );


    //5分钟
  	$(".five").click(function(){
  		require(
	        [
	            'echarts',
	            'echarts/chart/line' ,// 使用柱状图就加载bar模块，按需加载
	            'echarts/chart/line' // 使用折线图就加载line模块，按需加载
	        ],
	        function (ec) {
	            // 基于准备好的dom，初始化echarts图表
	            var myChart = ec.init(document.getElementById('five_min')); 
	           option = {	               
	               tooltip : {
	                   trigger: 'axis',                       
	                   formatter: function (params) {
	                   var arr=params[0];
	                   var arr2=arr[2];                        
	                    var res;
	                       res = arr[1] + '<br> ' + arr[0];
	                       res += '<br/>  开盘 : ' + arr2[0] +'<br>  最高 : ' + arr2[3];
	                       res += '<br/>  收盘 : ' + arr2[1] +'<br>  最低 : ' + arr2[2];
	                       return res;
	                   },
	                   backgroundColor:'rgba(255,255,255,0.7)',
	                   borderColor:'#99CAF2',
	                   borderRadius:4,
	                   borderWidth:1,
	                   //提示框字体
	                   textStyle:{
	                    color:'#333'
	                   }
	               },
	               grid:{
	                    
	                    x:50,
	                    x2:20,
	                    y:50,
	                    y2:30
	                 },
	              
	               xAxis : [
	                   {
	                       type : 'category',
	                       boundaryGap : true,
	                       axisTick: {onGap:false},
	                       splitLine: {show:false},
	                       data : [
	                           "12:00", "12:05", "12:10", "12:15", "12:20",
	                           "12:25", "12:30", "12:35", "12:40", "12:45", 
	                           "12:50", "12:55", "13:00"
	                           
	                       ],
	                       axisLabel:{
	                             //X轴刻度配置
	                             interval:2 //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
	                        },
	                        axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        }
	                   }
	               ],
	               yAxis : [
	                   {
	                       type : 'value',
	                       scale:true,
	                       boundaryGap: [0, 0],
	                       axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        },
	                   }
	               ],
	               series : [
	                       {
	                           name:'2312436',
	                           type:'k',
	                           barMaxWidth: 20,
	                           itemStyle: {
	                               normal: {
	                                   color: 'red',           // 阳线填充颜色
	                                   color0: '#99CAF2',   // 阴线填充颜色
	                                   lineStyle: {
	                                       width: 1,
	                                       color: 'black',    // 阳线边框颜色
	                                       color0: 'black'     // 阴线边框颜色
	                                   }
	                               },
	                               emphasis: {
	                                   color: 'black',         // 阳线填充颜色
	                                   color0: 'black'         // 阴线填充颜色
	                               }
	                           },
	                           data:[ // 开盘，收盘，最低，最高
	                               {
	                                   value:[2320.26,2302.6,2287.3,2362.94],
	                                   itemStyle: {
	                                       normal: {
	                                           color0: 'black',         // 阴线填充颜色
	                                           lineStyle: {
	                                               width: 3,
	                                               color0: 'black'      // 阴线边框颜色
	                                           }
	                                       },
	                                       emphasis: {
	                                           color0: 'black'          // 阴线填充颜色
	                                       }
	                                   }
	                               },
	                               [2300,2291.3,2288.26,2308.38],
	                               [2295.35,2346.5,2295.35,2346.92],
	                               [2347.22,2358.98,2337.35,2363.8],
	                               [2360.75,2382.48,2347.89,2383.76],
	                               [2383.43,2385.42,2371.23,2391.82],
	                               [2377.41,2419.02,2369.57,2421.15],
	                               [2320.62,2325.82,2315.01,2338.78],
	                               [2313.74,2293.34,2289.89,2340.71],
	                               [2297.77,2313.22,2292.03,2324.63],
	                               [2322.32,2365.59,2308.92,2366.16],
	                               [2364.54,2359.51,2330.86,2369.65],
	                               [2332.08,2273.4,2259.25,2333.54],
	                               [2274.81,2326.31,2270.1,2328.14],
	                               [2333.61,2347.18,2321.6,2351.44],
	                               [2340.44,2324.29,2304.27,2352.02],
	                               [2326.42,2318.61,2314.59,2333.67],
	                               [2314.68,2310.59,2296.58,2320.96],
	                               [2309.16,2286.6,2264.83,2333.29],
	                               [2282.17,2263.97,2253.25,2286.33],
	                               [2255.77,2270.28,2253.31,2276.22],
	                               [2269.31,2278.4,2250,2312.08],
	                               [2267.29,2240.02,2239.21,2276.05],
	                               [2244.26,2257.43,2232.02,2261.31],
	                               [2257.74,2317.37,2257.42,2317.86],
	                               [2318.21,2324.24,2311.6,2330.81],
	                               [2321.4,2328.28,2314.97,2332],
	                               [2334.74,2326.72,2319.91,2344.89],
	                               [2318.58,2297.67,2281.12,2319.99],
	                               [2299.38,2301.26,2289,2323.48],
	                               [2273.55,2236.3,2232.91,2273.55],
	                               [2238.49,2236.62,2228.81,2246.87],	                               
	                               [2293.81,2275.67,2274.1,2304.95],
	                               [2281.45,2288.53,2270.25,2292.59],
	                               [2286.66,2293.08,2283.94,2301.7],
	                               [2293.4,2321.32,2281.47,2322.1],
	                               [2323.54,2324.02,2321.17,2334.33],
	                               [2316.25,2317.75,2310.49,2325.72],
	                               [2320.74,2300.59,2299.37,2325.53],
	                               [2300.21,2299.25,2294.11,2313.43],
	                               [2297.1,2272.42,2264.76,2297.1],
	                               [2270.71,2270.93,2260.87,2276.86],
	                               [2264.43,2242.11,2240.07,2266.69],
	                               [2242.26,2210.9,2205.07,2250.63],
	                               [2190.1,2148.35,2126.22,2190.1]
	                           ],
	                   }
	               ]
	           };
	                    
	            // 为echarts对象加载数据 
	            myChart.setOption(option); 
	        }
	    );

  	})
	
	//30分钟
  	$(".three").click(function(){
  		require(
	        [
	            'echarts',
	            'echarts/chart/line' ,// 使用柱状图就加载bar模块，按需加载
	            'echarts/chart/line' // 使用折线图就加载line模块，按需加载
	        ],
	        function (ec) {
	            // 基于准备好的dom，初始化echarts图表
	            var myChart = ec.init(document.getElementById('three_min')); 
	           option = {	               
	               tooltip : {
	                   trigger: 'axis',                       
	                   formatter: function (params) {
	                   var arr=params[0];
	                   var arr2=arr[2];                        
	                    var res;
	                       res = arr[1] + '<br> ' + arr[0];
	                       res += '<br/>  开盘 : ' + arr2[0] +'<br>  最高 : ' + arr2[3];
	                       res += '<br/>  收盘 : ' + arr2[1] +'<br>  最低 : ' + arr2[2];
	                       return res;
	                   },
	                   backgroundColor:'rgba(255,255,255,0.7)',
	                   borderColor:'#99CAF2',
	                   borderRadius:4,
	                   borderWidth:1,
	                   //提示框字体
	                   textStyle:{
	                    color:'#333'
	                   }
	               },
	               grid:{
	                    
	                    x:50,
	                    x2:20,
	                    y:50,
	                    y2:30
	                 },
	              
	               xAxis : [
	                   {
	                       type : 'category',
	                       boundaryGap : true,
	                       axisTick: {onGap:false},
	                       splitLine: {show:false},
	                       data : [
	                           "12:00", "12:30", "13:00", "13:30", "14:00",
	                           "14:30", "15:00", "15:30", "16:00"
	                       ],
	                       axisLabel:{
	                             //X轴刻度配置
	                             interval:1 //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
	                        },
	                        axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        }
	                   }
	               ],
	               yAxis : [
	                   {
	                       type : 'value',
	                       scale:true,
	                       boundaryGap: [0, 0],
	                       axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        },
	                   }
	               ],
	               series : [
	                       {
	                           name:'2312436',
	                           type:'k',
	                           barMaxWidth: 20,
	                           itemStyle: {
	                               normal: {
	                                   color: 'red',           // 阳线填充颜色
	                                   color0: '#99CAF2',   // 阴线填充颜色
	                                   lineStyle: {
	                                       width: 1,
	                                       color: 'black',    // 阳线边框颜色
	                                       color0: 'black'     // 阴线边框颜色
	                                   }
	                               },
	                               emphasis: {
	                                   color: 'black',         // 阳线填充颜色
	                                   color0: 'black'         // 阴线填充颜色
	                               }
	                           },
	                           data:[ // 开盘，收盘，最低，最高
	                               {
	                                   value:[2320.26,2302.6,2287.3,2362.94],
	                                   itemStyle: {
	                                       normal: {
	                                           color0: 'black',         // 阴线填充颜色
	                                           lineStyle: {
	                                               width: 3,
	                                               color0: 'black'      // 阴线边框颜色
	                                           }
	                                       },
	                                       emphasis: {
	                                           color0: 'black'          // 阴线填充颜色
	                                       }
	                                   }
	                               },
	                               [2300,2291.3,2288.26,2308.38],
	                               [2295.35,2346.5,2295.35,2346.92],
	                               [2347.22,2358.98,2337.35,2363.8],
	                               [2360.75,2382.48,2347.89,2383.76],
	                               [2383.43,2385.42,2371.23,2391.82],
	                               [2377.41,2419.02,2369.57,2421.15],
	                               [2425.92,2428.15,2417.58,2440.38],
	                               [2411,2433.13,2403.3,2437.42],
	                               [2432.68,2434.48,2427.7,2441.73],
	                               [2430.69,2418.53,2394.22,2433.89],	                            
	                               [2212.5,2231.17,2212.5,2236.07],
	                               [2227.86,2235.57,2219.44,2240.26],
	                               [2242.39,2246.3,2235.42,2255.21],
	                               [2246.96,2232.97,2221.38,2247.86],
	                               [2228.82,2246.83,2225.81,2247.67],
	                               [2247.68,2241.92,2231.36,2250.85],
	                               [2238.9,2217.01,2205.87,2239.93],
	                               [2217.09,2224.8,2213.58,2225.19],
	                               [2221.34,2251.81,2210.77,2252.87],
	                               [2249.81,2282.87,2248.41,2288.09],
	                               [2286.33,2299.99,2281.9,2309.39],
	                               [2297.11,2305.11,2290.12,2305.3],
	                               [2303.75,2302.4,2292.43,2314.18],
	                               [2293.81,2275.67,2274.1,2304.95],
	                               [2281.45,2288.53,2270.25,2292.59],
	                               [2286.66,2293.08,2283.94,2301.7],
	                               [2293.4,2321.32,2281.47,2322.1],
	                               [2323.54,2324.02,2321.17,2334.33],
	                               [2316.25,2317.75,2310.49,2325.72],
	                               [2320.74,2300.59,2299.37,2325.53],
	                               [2300.21,2299.25,2294.11,2313.43],
	                               [2297.1,2272.42,2264.76,2297.1],
	                               [2270.71,2270.93,2260.87,2276.86],
	                               [2264.43,2242.11,2240.07,2266.69],
	                               [2242.26,2210.9,2205.07,2250.63],
	                               [2190.1,2148.35,2126.22,2190.1]
	                           ],
	                   }
	               ]
	           };
	                    
	            // 为echarts对象加载数据 
	            myChart.setOption(option); 
	        }
	    );

  	}) 

  	//60分钟
  	$(".six").click(function(){
  		require(
	        [
	            'echarts',
	            'echarts/chart/line' ,// 使用柱状图就加载bar模块，按需加载
	            'echarts/chart/line' // 使用折线图就加载line模块，按需加载
	        ],
	        function (ec) {
	            // 基于准备好的dom，初始化echarts图表
	            var myChart = ec.init(document.getElementById('six_min')); 
	           option = {	               
	               tooltip : {
	                   trigger: 'axis',                       
	                   formatter: function (params) {
	                   var arr=params[0];
	                   var arr2=arr[2];                        
	                    var res;
	                       res = arr[1] + '<br> ' + arr[0];
	                       res += '<br/>  开盘 : ' + arr2[0] +'<br>  最高 : ' + arr2[3];
	                       res += '<br/>  收盘 : ' + arr2[1] +'<br>  最低 : ' + arr2[2];
	                       return res;
	                   },
	                   backgroundColor:'rgba(255,255,255,0.7)',
	                   borderColor:'#99CAF2',
	                   borderRadius:4,
	                   borderWidth:1,
	                   //提示框字体
	                   textStyle:{
	                    color:'#333'
	                   }
	               },
	               grid:{
	                    
	                    x:50,
	                    x2:20,
	                    y:50,
	                    y2:30
	                 },
	              
	               xAxis : [
	                   {
	                       type : 'category',
	                       boundaryGap : true,
	                       axisTick: {onGap:false},
	                       splitLine: {show:false},
	                       data : [
	                           "12:00", "13:00", "14:00", "15:00", "16:00",
	                           "17:00", "18:00", "19:00", "20:00", "21:00", 
	                           "22:00", "23:00", "00:00" 
	                       ],
	                       axisLabel:{
	                             //X轴刻度配置
	                             interval:2 //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
	                        },
	                        axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        }
	                   }
	               ],
	               yAxis : [
	                   {
	                       type : 'value',
	                       scale:true,
	                       boundaryGap: [0, 0],
	                       axisLine : {                                
	                            lineStyle : {
	                            // color : '#CCC',
	                            width:0                                
	                            }
	                        },
	                   }
	               ],
	               series : [
	                       {
	                           name:'2312436',
	                           type:'k',
	                           barMaxWidth: 20,
	                           itemStyle: {
	                               normal: {
	                                   color: 'red',           // 阳线填充颜色
	                                   color0: '#99CAF2',   // 阴线填充颜色
	                                   lineStyle: {
	                                       width: 1,
	                                       color: 'black',    // 阳线边框颜色
	                                       color0: 'black'     // 阴线边框颜色
	                                   }
	                               },
	                               emphasis: {
	                                   color: 'black',         // 阳线填充颜色
	                                   color0: 'black'         // 阴线填充颜色
	                               }
	                           },
	                           data:[ // 开盘，收盘，最低，最高
	                               {
	                                   value:[2320.26,2302.6,2287.3,2362.94],
	                                   itemStyle: {
	                                       normal: {
	                                           color0: 'black',         // 阴线填充颜色
	                                           lineStyle: {
	                                               width: 3,
	                                               color0: 'black'      // 阴线边框颜色
	                                           }
	                                       },
	                                       emphasis: {
	                                           color0: 'black'          // 阴线填充颜色
	                                       }
	                                   }
	                               },
	                               [2300,2291.3,2288.26,2308.38],
	                               [2295.35,2346.5,2295.35,2346.92],
	                               [2347.22,2358.98,2337.35,2363.8],
	                               [2360.75,2382.48,2347.89,2383.76],
	                               [2383.43,2385.42,2371.23,2391.82],
	                               [2377.41,2419.02,2369.57,2421.15],
	                               [2425.92,2428.15,2417.58,2440.38],
	                               [2411,2433.13,2403.3,2437.42],
	                               [2432.68,2434.48,2427.7,2441.73],
	                               [2430.69,2418.53,2394.22,2433.89],
	                               [2416.62,2432.4,2414.4,2443.03],
	                               [2441.91,2421.56,2415.43,2444.8],
	                               [2420.26,2382.91,2373.53,2427.07],
	                               [2383.49,2397.18,2370.61,2397.94],	                               
	                               [2255.77,2270.28,2253.31,2276.22],
	                               [2269.31,2278.4,2250,2312.08],
	                               [2267.29,2240.02,2239.21,2276.05],
	                               [2244.26,2257.43,2232.02,2261.31],
	                               [2257.74,2317.37,2257.42,2317.86],
	                               [2318.21,2324.24,2311.6,2330.81],
	                               [2321.4,2328.28,2314.97,2332],
	                               [2334.74,2326.72,2319.91,2344.89],
	                               [2318.58,2297.67,2281.12,2319.99],
	                               [2299.38,2301.26,2289,2323.48],
	                               [2273.55,2236.3,2232.91,2273.55],
	                               [2238.49,2236.62,2228.81,2246.87],
	                               [2029.46,2034.4,2027.31,2043.95],
	                               [2234.9,2227.74,2220.44,2253.42],
	                               [2232.69,2225.29,2217.25,2241.34],
	                               [2196.24,2211.59,2180.67,2212.59],
	                               [2215.47,2225.77,2215.47,2234.73],
	                               [2224.93,2226.13,2212.56,2233.04],
	                               [2236.98,2219.55,2217.26,2242.48],	                               
	                               [2190.1,2148.35,2126.22,2190.1]
	                           ],
	                   }
	               ]
	           };
	                    
	            // 为echarts对象加载数据 
	            myChart.setOption(option); 
	        }
	    );

  	})

    //日线分钟
    $(".day").click(function(){
    		require(
  	        [
  	            'echarts',
  	            'echarts/chart/line' ,// 使用柱状图就加载bar模块，按需加载
  	            'echarts/chart/line' // 使用折线图就加载line模块，按需加载
  	        ],
  	        function (ec) {
  	            // 基于准备好的dom，初始化echarts图表
  	            var myChart = ec.init(document.getElementById('day_min')); 
  	           option = {	               
  	               tooltip : {
  	                   trigger: 'axis',                       
  	                   formatter: function (params) {
  	                   var arr=params[0];
  	                   var arr2=arr[2];                        
  	                    var res;
  	                       res = arr[1] + '<br> ' + arr[0];
  	                       res += '<br/>  开盘 : ' + arr2[0] +'<br>  最高 : ' + arr2[3];
  	                       res += '<br/>  收盘 : ' + arr2[1] +'<br>  最低 : ' + arr2[2];
  	                       return res;
  	                   },
  	                   backgroundColor:'rgba(255,255,255,0.7)',
  	                   borderColor:'#99CAF2',
  	                   borderRadius:4,
  	                   borderWidth:1,
  	                   //提示框字体
  	                   textStyle:{
  	                    color:'#333'
  	                   }
  	               },
  	               grid:{
  	                    
  	                    x:50,
  	                    x2:20,
  	                    y:50,
  	                    y2:30
  	                 },
  	              
  	               xAxis : [
  	                   {
  	                       type : 'category',
  	                       boundaryGap : true,
  	                       axisTick: {onGap:false},
  	                       splitLine: {show:false},
  	                       data : [
  	                           "2-15", "2-16", "2-17", "2-18", "2-19",
  	                           "2-22", "2-23", "2-24", "2-25"  	                           
  	                       ],
  	                       axisLabel:{
  	                             //X轴刻度配置
  	                             interval:1 //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
  	                        },
  	                        axisLine : {                                
  	                            lineStyle : {
  	                            // color : '#CCC',
  	                            width:0                                
  	                            }
  	                        }
  	                   }
  	               ],
  	               yAxis : [
  	                   {
  	                       type : 'value',
  	                       scale:true,
  	                       boundaryGap: [0, 0],
  	                       axisLine : {                                
  	                            lineStyle : {
  	                            // color : '#CCC',
  	                            width:0                                
  	                            }
  	                        },
  	                   }
  	               ],
  	               series : [
  	                       {
  	                           name:'2312436',
  	                           type:'k',
  	                           barMaxWidth: 20,
  	                           itemStyle: {
  	                               normal: {
  	                                   color: 'red',           // 阳线填充颜色
  	                                   color0: '#99CAF2',   // 阴线填充颜色
  	                                   lineStyle: {
  	                                       width: 1,
  	                                       color: 'black',    // 阳线边框颜色
  	                                       color0: 'black'     // 阴线边框颜色
  	                                   }
  	                               },
  	                               emphasis: {
  	                                   color: 'black',         // 阳线填充颜色
  	                                   color0: 'black'         // 阴线填充颜色
  	                               }
  	                           },
  	                           data:[ // 开盘，收盘，最低，最高
  	                               {
  	                                   value:[2320.26,2302.6,2287.3,2362.94],
  	                                   itemStyle: {
  	                                       normal: {
  	                                           color0: 'black',         // 阴线填充颜色
  	                                           lineStyle: {
  	                                               width: 3,
  	                                               color0: 'black'      // 阴线边框颜色
  	                                           }
  	                                       },
  	                                       emphasis: {
  	                                           color0: 'black'          // 阴线填充颜色
  	                                       }
  	                                   }
  	                               },
  	                               [2300,2291.3,2288.26,2308.38],
  	                               [2295.35,2346.5,2295.35,2346.92],
  	                               [2347.22,2358.98,2337.35,2363.8],
  	                               [2360.75,2382.48,2347.89,2383.76],
  	                               [2383.43,2385.42,2371.23,2391.82],
  	                               [2377.41,2419.02,2369.57,2421.15],
  	                               [2425.92,2428.15,2417.58,2440.38],
  	                               [2411,2433.13,2403.3,2437.42],
  	                               [2432.68,2434.48,2427.7,2441.73],
  	                               [2430.69,2418.53,2394.22,2433.89],
  	                               [2416.62,2432.4,2414.4,2443.03],
  	                               [2441.91,2421.56,2415.43,2444.8],
  	                               [2420.26,2382.91,2373.53,2427.07],
  	                               [2383.49,2397.18,2370.61,2397.94],
  	                               [2378.82,2325.95,2309.17,2378.82],
  	                               [2322.94,2314.16,2308.76,2330.88],
  	                               [2320.62,2325.82,2315.01,2338.78],
  	                               [2313.74,2293.34,2289.89,2340.71],
  	                               [2297.77,2313.22,2292.03,2324.63],
  	                               [2322.32,2365.59,2308.92,2366.16],
  	                               [2364.54,2359.51,2330.86,2369.65],
  	                               [2332.08,2273.4,2259.25,2333.54],
  	                               [2274.81,2326.31,2270.1,2328.14],
  	                               [2333.61,2347.18,2321.6,2351.44],
  	                               [2340.44,2324.29,2304.27,2352.02],
  	                               [2326.42,2318.61,2314.59,2333.67],
  	                               [2314.68,2310.59,2296.58,2320.96],
  	                               [2309.16,2286.6,2264.83,2333.29],  	                            
  	                               [2218.09,2206.78,2204.44,2226.26],  	                             
  	                               [2297.1,2272.42,2264.76,2297.1],
  	                               [2270.71,2270.93,2260.87,2276.86],
  	                               [2264.43,2242.11,2240.07,2266.69],
  	                               [2242.26,2210.9,2205.07,2250.63],
  	                               [2190.1,2148.35,2126.22,2190.1]
  	                           ],
  	                   }
  	               ]
  	           };
  	                    
  	            // 为echarts对象加载数据 
  	            myChart.setOption(option); 
  	        }
  	    );

    }) 
  
	
    </script>

</block>